.index{background-color:#fff;
    &>.bar{width:100%;height:300rpx;background-color:#724DFF;border-radius:0 0 200rpx 200rpx;}
    
    .swiper{padding:20px 0;height:335rpx;margin-top:-300rpx;
        swiper{overflow:hidden;height:335rpx;
            swiper-item{padding:0 30rpx;box-sizing:border-box;height:335rpx;}
        }
        .img{width:670rpx;height:335rpx;border-radius:40rpx;overflow:hidden}
        image{width:100%;border-radius:20px;}
    }

    .giftInfo{width:100%;padding:0 30rpx;box-sizing:border-box;border-bottom:solid 20rpx #eee;padding-bottom:30rpx;
        .name{font-size:32rpx;color:#2D3057;font-weight:bold;
            text{font-size:24rpx;color:#bdbdbd;font-weight:400}
        }
    }
    
    .provider{width:100%;padding:30rpx;box-sizing:border-box;display:flex;justify-content:space-between;
        .left{flex:1;display:flex;align-items:center;
            image{width:60rpx;height:60rpx;}
            .name{font-size:28rpx;font-weight:bold;color:#333;padding:0 20rpx;}
            .label{font-size:18rpx;color:#fff;background-color:#EB5757;font-weight:bold;padding:5rpx 10rpx;border-radius:10rpx;margin-top:5rpx;}
        }
        .right{
            button{font-size:24rpx;color:#fff;font-weight:bold;background-color:#724DFF;transition:.2s;padding:0 30rpx;}
            button::after{border:none}
            .button-hover{transform:scale(0.9)}
        }
    }

    .introduction{width:100%;padding:0 30rpx;box-sizing:border-box;
        .inner{background-color:#FFF3E8;border:solid 2rpx #F6DFC9;padding:30rpx;box-sizing:border-box;border-radius:20rpx;
            rich-text{font-size:28rpx;color:#CA9178;text-indent:40rpx;line-height:50rpx}
            // p{line-height:50rpx;font-size:28rpx;color:#CA9178}
        }
    }

    .participate{width:100%;display:flex;padding:30rpx;box-sizing:border-box;justify-content:center;margin-bottom:30rpx;
        &>view{display:flex;justify-content:center;}
        button{background-color:#ce443c;color:#fff;width:200rpx;height:200rpx;border-radius:200rpx;display:flex;justify-content:center;align-items:center;font-size:28rpx;font-weight:bold;animation:shadow 1s infinite linear;transition:.2s;}
        .isEnd{background-color:#999;animation:none;}
        .button-hover{transform:scale(0.9);animation:none}
    }

    .needReceiveTitle{font-size:28rpx;color:#333;font-weight:bold;padding:30rpx 0;display:flex;justify-content:center;
        .text{color:#ce443c;padding:0 4rpx;border-bottom:solid 2rpx #ce443c;transition:.2s}
        .text_hover{transform:scale(0.9);}
    }

    // .helpList{padding:30rpx;box-sizing:border-box;border-bottom:solid 20rpx #eee;
    //     .title{font-size:28rpx;color:#333;font-weight:bold;margin-bottom:30rpx}
    //     .nohelper{text-align:center;font-weight:bold;font-size:28rpx;}
    //     .list{display:flex;flex-wrap:wrap;
    //         .li{padding:10rpx;box-sizing:border-box;
    //             .image{border:solid 2rpx #eee;width:48rpx;height:48rpx;border-radius:10rpx;background-color:#eee;}
    //             image{width:48rpx;height:48rpx;border-radius:10rpx;}
    //         }
    //     }
    // }

    .helpRate{width:100%;padding:0 30rpx;box-sizing:border-box;background-color:#fff;
        .nohelper{text-align:center;font-weight:bold;font-size:28rpx;margin-bottom:30rpx;}
        .title{display:flex;flex-direction:column;
            .text{font-size:28rpx;color:#333;font-weight:bold;}
            .invited_num{font-size:24rpx;color:#666;margin-top:20rpx;}
            .ul{display:flex;margin:20rpx 0;flex-wrap:wrap;
                .li{display:flex;align-items:center;}
                image{width:48rpx;height:48rpx;border-radius:48rpx;border:solid 2rpx #ccc;box-shadow:0 0 5px rgba(0,0,0,0.2)}
            }
        }
        .line{width:100%;height:30rpx;background-color:#eee;border:solid 6rpx #2D3057;border-radius:30rpx;
            .item{width:40%;height:30rpx;background-color:#ce443c;border-radius:30rpx;color:#fff;font-size:22rpx;text-align:right;padding-right:10rpx;}
        }
    }

    .participants{width:100%;font-size:24rpx;color:#999;padding:30rpx;box-sizing:border-box;background-color:#eee;padding-bottom:100rpx;
        .title{display:flex;justify-content:center;text-align:center;
            .checkMore{padding:10rpx 20rpx;box-sizing:border-box;border-radius:5rpx;transition:.2s;display:flex;
                text{color:#666;font-weight:bold;}
            }
        }
        .checkMore_hover{background-color:#ccc;transform:scale(0.95)}
        .ul{width:100%;display:flex;justify-content:center;padding-top:20rpx;
            .li{width:64rpx;height:64rpx;padding:0 5rpx;
                image{width:64rpx;height:64rpx;border-radius:8rpx;}
            }
        }
    }
}

.launchGift{position:fixed;bottom:30rpx;right:0rpx;background-color:#ce443c;z-index:10;font-size:28rpx;font-weight:bold;padding:20rpx 30rpx;box-sizing:border-box;border-radius:100rpx 0 0 100rpx;color:#fff;box-shadow:0 0 10rpx rgba(0,0,0,0.3);transition:.2s;}
.launchGift_hover{transform:scale(0.9);right:-10rpx}

.followPublicPopup{background-color:#fff;padding:50rpx 30rpx;box-sizing:border;border-radius:30rpx;
    .title{font-size:28rpx;color:#999;text-align:center}
    .tit{width:100%;display:flex;align-items:center;padding:30rpx 0;
        .label{width:48rpx;height:48rpx;background-color:#ce443c;color:#fff;border-radius:5rpx;line-height:48rpx;text-align:center;}
        .text{font-size:28rpx;color:#333;padding-left:30rpx;font-weight:bold;
            text{color:#ce443c}
        }
    }
    .image{width:100%;padding:0 50rpx;box-sizing:border-box;
        image{width:100%;}
    }
    .handle{margin-top:30rpx;}
}

@keyframes shadow{
    0%{box-shadow:0 0 0px 0px rgba(206,68,60,0.4);}
    30%{box-shadow:0 0 0px 10px rgba(206,68,60,0.4);}
    100%{box-shadow:0 0 0px 0px rgba(206,68,60,0.4);}
}
